home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 10218 / 10218.xpi / content / css / videoSummary.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2009-12-08  |  10.5 KB  |  379 lines
  1. .summaryContainer {
  2.     background: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-3.png') no-repeat 0px -132px;
  3.     width: 752px;
  4.     height: 132px;
  5.     display: block;
  6.     position: relative;
  7.     margin-bottom: 10px;
  8. }
  9.  
  10. .summaryContainerDuplicate {
  11.     height: 132px;
  12. }
  13.  
  14. .summaryContainerLong {
  15.     background: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-3.png') no-repeat 0px -264px;    
  16.     width: 950px;
  17. }
  18.  
  19. .summaryContainerSponsored {
  20.     background-color: #fff8dc;
  21.     border-right: 2px solid #fff8dc;    
  22. }
  23.  
  24. .summaryContainer .previewImageContainer {
  25.     height: 120px;
  26.     width: 160px;
  27.     display: block;
  28.     position: relative;
  29.     top: 6px;
  30.     left: 6px;
  31.     overflow: hidden;
  32. }
  33.  
  34. .summaryContainer .previewImageContainer a {
  35.     text-decoration: none;
  36. }
  37.  
  38. .summaryContainer .previewImageContainer .noVisualIndex, .summaryContainer .previewImageContainer .time, .summaryContainer .previewImageContainer .fullepisode, .summaryContainer .previewImageContainer .fullmovie {
  39.     background-image: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-3.png');
  40.     height: 16px;
  41.     position: absolute;
  42.     padding-top: 3px;
  43.     font-weight: bold;
  44.     color: #eeeeee;
  45. }
  46.  
  47. .summaryContainer .previewImageContainer .noVisualIndex {
  48.     background-position: -788px 0px;
  49.     top: 0px;
  50.     left: 0px;
  51.     padding: 2px 0px 0px 0px;
  52.     width: 100%;
  53.     text-align: center;
  54.     font-size: 9px;
  55.     display: none;
  56. }    
  57.  
  58. .summaryContainer .previewImageContainer .time {
  59.     background-position: -788px 0px;
  60.     right: 0px;
  61.     bottom: 0px;
  62.     padding-left: 5px;
  63.     padding-right: 5px;    
  64.     display: block;
  65.     font-size: 11px;    
  66.  
  67. }    
  68.  
  69. .summaryContainer .previewImageContainer .time a {
  70.     color: #ffffff;    
  71. }
  72.  
  73. .summaryContainer .previewImageContainer .fullepisode {
  74.     background-position: -788px -20px;
  75.     bottom: 0px;
  76.     left: 0px;
  77.     padding-left: 0px;
  78.     padding-right: 0px;
  79.     width: 67px;
  80. }
  81.  
  82. .summaryContainer .previewImageContainer .fullmovie {
  83.     background-position: -788px -40px;
  84.     bottom: 0px;
  85.     left: 0px;
  86.     padding-left: 0px;
  87.     padding-right: 0px;
  88.     width: 57px;    
  89. }
  90.  
  91. .summaryContainer .isOpenExternally {
  92.     background: transparent url('http://rexee-00.vo.llnwd.net/d1/application/images/popup-02.png') no-repeat scroll 0 0;
  93.     position: absolute;
  94.     top: 2px;
  95.     right: 2px;
  96.     width: 16px;
  97.     height: 14px;
  98. }
  99.  
  100. .summaryContainer .summaryInformation {
  101.     height: 47px;
  102.     width: 572px;
  103.     display: block;
  104.     position: absolute;
  105.     top: 4px;
  106.     left: 176px;    
  107. }
  108.  
  109. .summaryContainer .summaryInformationLong {
  110.     width: 745px
  111. }
  112.  
  113. .summaryContainer .summaryInformation .showOptions {
  114.     position: relative;
  115.     top: 36px;
  116.     visibility: hidden;
  117.     float: right;
  118. }
  119.  
  120. .summaryContainer .summaryInformation .showOptions .moreFacesToggle {
  121.     float: left;
  122.     margin-right: 15px;
  123. }
  124.  
  125. .summaryContainer .summaryInformation .showOptions .showFacesToggle {
  126.     float: left;
  127. }
  128.  
  129. .summaryContainer .summaryInformation .title {
  130.     position: absolute;
  131.     color: #0078ff;
  132.     font-size: 16px;
  133.     width: 552px;
  134.     top: 0px;
  135.     left: 0px;
  136.     height: 19px;
  137.     overflow: hidden;
  138. }
  139.  
  140. .summaryContainer .summaryInformation .synopsis {
  141.     position: absolute;
  142.     font-size: 11px;
  143.     top: 21px;
  144.     left: 0px;
  145.     overflow: hidden;
  146.     height: 1.1em;
  147. }
  148.  
  149. .summaryContainer .summaryInformation .footer {
  150.     position: absolute;
  151.     top: 37px;
  152.     left: 0px;
  153. }
  154.  
  155. .summaryContainer .summaryInformation .source {
  156.     color: #008000;
  157.     float: left;
  158. }
  159.  
  160. .summaryContainer .summaryInformation .age {
  161.     float: left;
  162.     font-size: 11px;
  163.     margin-left: 10px;
  164. }
  165.  
  166. .summaryContainer .visuallyIndexedStatusContainer {
  167.     display: none;
  168. }
  169.  
  170. .summaryContainer .summaryThumbnails {
  171.     height: 56px;
  172.     width: 572px;
  173.     display: block;
  174.     position: absolute;
  175.     top: 62px;
  176.     left: 178px;
  177.     list-style-image: none;
  178.     list-style-position: outside;
  179.     list-style-type: none;    
  180.  
  181.     overflow: hidden;
  182. }
  183.  
  184. .summaryContainer .summaryThumbnailsLong {
  185.     width: 745px;
  186. }
  187.  
  188. .summaryContainer .summaryThumbnails li {
  189.     width: 57px;
  190.     height: 57px;
  191.     display: block;
  192.     float: left;
  193.     position: relative;
  194. }
  195.  
  196. .summaryContainer .summaryThumbnails .time {
  197.     color: #0078ff;
  198.     font-size: 10px;    
  199.     position: absolute;
  200.     bottom: 1px;
  201.     left: 4px;
  202. }
  203.  
  204. .summaryContainer .summaryThumbnails .summaryThumbnailFrameHover { 
  205.     display: block;
  206.     float: left;
  207.     width: 52px;
  208.     height: 40px;
  209.     position: relative;
  210. }
  211.  
  212. .summaryContainer .summaryThumbnails .summaryThumbnailFrameHover.on {
  213.     border: 2px solid #188ED6;
  214. }
  215.  
  216. .summaryContainer .summaryThumbnails .jumpToFrame .summaryThumbnailFrameHover.on .jumpToTime {
  217.     background: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-3.png') no-repeat -867px -50px;
  218.     width: 12px;
  219.     height: 11px;
  220.     display: block;
  221.     position: absolute;
  222.     top: 2px;
  223.     right: 2px;
  224. }
  225.  
  226. .summaryContainer .summaryThumbnails .summaryThumbnailFrame {
  227.     display: block;
  228.     cursor: pointer;
  229.     margin: 2px;
  230. }
  231.  
  232. .summaryContainer .summaryThumbnails .summaryThumbnailFrameHover.on .summaryThumbnailFrame { 
  233.     margin: 0px;
  234. }
  235.  
  236. .summaryContainer .sponsoredResultLabel {
  237.     display: none;
  238. }
  239.  
  240. .summaryContainerSponsored .sponsoredResultLabel {
  241.     position: absolute;
  242.     right: 8px;
  243.     top: 8px;
  244.     color: #999999;
  245.     font-weight: bold;
  246.     display: block;
  247. }
  248.  
  249. .summaryContainer a.buttonForward, .summaryContainer a.buttonBackward {
  250.     background-image: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-3.png');
  251.     display: none;
  252.     height: 33px;
  253.     position: absolute;
  254.     top: 68px;
  255.     width: 22px;
  256.     z-index: 50;
  257. }
  258.  
  259. .summaryContainer a.buttonForward {
  260.     background-position: -924px -60px;
  261.     right: 10px;
  262. }
  263.  
  264. .summaryContainer a.buttonForward:hover {
  265.     background-position: -924px -22px;
  266. }
  267.  
  268. .summaryContainer a.buttonBackward {
  269.     background-position: -899px -22px;
  270.     right: 35px;
  271. }
  272.  
  273. .summaryContainer a.buttonBackward:hover {
  274.     background-position: -899px -60px;
  275. }
  276.  
  277. .summaryDuplicateContainer {
  278.     margin-top: -8px;
  279.     margin-bottom: 10px;
  280. }
  281.  
  282. .summaryDuplicateContainer .summaryDuplicateVideosHeader {
  283.     padding-top: 1px;
  284. }
  285.  
  286. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLink {
  287. }
  288.  
  289. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLink:hover {
  290.     border-bottom: 1px dotted #0078ff;    
  291. }
  292.  
  293. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkOpen .summaryDuplicateVideosIcon, .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkClose .summaryDuplicateVideosIcon {
  294.     background-image: url('http://rexee-00.vo.llnwd.net/d1/application/images/generic-summary-3.png');
  295.     height: 14px;
  296.     width: 14px;
  297.     display: block;     
  298.     float: left;  
  299.     margin-left: 10px;
  300.     margin-right: 6px; 
  301.     margin-top: -1px;
  302. }
  303.  
  304. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkOpen .summaryDuplicateVideosIcon {
  305.     background-position: -867px -35px;
  306. }
  307.  
  308. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkOpen:hover .summaryDuplicateVideosIcon {
  309.     background-position: -882px -35px;
  310. }
  311.  
  312. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkClose .summaryDuplicateVideosIcon {
  313.     background-position: -867px -20px;    
  314. }
  315.  
  316. .summaryDuplicateContainer .summaryDuplicateVideosHeader a.summaryDuplicateVideosLinkClose:hover .summaryDuplicateVideosIcon {
  317.     background-position: -882px -20px;    
  318. }
  319.  
  320. .summaryDuplicateContainer .summaryDuplicateVideos {
  321.     display: none;
  322.     margin-top: 10px;
  323.     margin-left: 25px;
  324. }
  325.  
  326. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer {
  327.     font-size: 11px;
  328.     position: relative;
  329.     height: 34px;
  330.     margin-bottom: 10px;
  331. }
  332.  
  333. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoThumbnail {
  334.     padding: 1px;
  335.     border: 1px solid #dddddd;
  336. }
  337.  
  338. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader {
  339.     position: absolute;                                                     
  340.     top: 2px;                                                               
  341.     left: 50px;                                                             
  342.     width: 600px;                                                           
  343.     display: block;                                                         
  344. }                                                                           
  345.                                                                             
  346. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader .duplicateVideoTitle a {
  347.     font-weight: bold;                                                      
  348.     color: #0078ff;                                                         
  349.     float: left;                                                            
  350. }                                                                           
  351.                                                                             
  352. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader .duplicateVideoLength {
  353.     float: left;                                                            
  354.     margin-left: 20px;                                                      
  355. }                                                                           
  356.                                                                             
  357. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateVideoHeader .duplicateVideoAdded {
  358.     float: left;                                                            
  359.     margin-left: 20px;                                                      
  360. }                                                                           
  361.                                                                             
  362. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateSummary {
  363.     position: absolute;                                                     
  364.     top: 18px;                                                              
  365.     left: 50px;                                                             
  366.     width: 600px;                                                           
  367.     display: block;                                                         
  368. }                                                                           
  369.                                                                             
  370. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateSummary .duplicateSummarySource {
  371.     float: left;  
  372.     color: #008000;                                                               
  373. }          
  374.  
  375. .summaryDuplicateContainer .summaryDuplicateVideos .duplicateVideoContainer .duplicateSummary .duplicateSummaryDescription {
  376.     float: left;       
  377.     margin-left: 10px;                                                       
  378. }
  379.